<template>
    <view>
        <view class="container">
            <view class="header">
                <uni-nav-bar left-text="返回" @clickLeft="$router.go(-1)" :border="false" height="110rpx" left-icon="left" title="添加居民"></uni-nav-bar>
            </view>
            <view class="content">
                <view class="tips">居民信息</view>
                
                <!-- 个人信息 -->
                <view class="information">
                    <view class="item">
                        <view>楼号</view>
                        <div class="right">
                            <select name="" id="">
                                <option value="请选择">请选择楼栋信息</option>
                                <option value="">花园小区</option>
                                <option value="">蓝天小区</option>
                            </select>
                            <i class="iconfont icon-youjiantou"></i>
                        </div>
                    </view>
                    <view class="item">
                         <view>姓名</view>
                         <input type="text" style="padding-left: 44rpx;box-sizing: border-box;" class="name" placeholder="请填写姓名" name="" id="">
                    </view>
                    <view class="item">
                         <view>身份证号</view>
                         <input type="text" placeholder="请填写身份证号" name="" id="">
                    </view>
                    <view class="item">
                        <view>性别</view>
                        <div class="right">
                            <select name="" id="">
                                <option value="请选择性别">请选择性别</option>
                                <option value="女">女</option>
                                <option value="男">男</option>
                            </select>
                            <i class="iconfont icon-youjiantou"></i>
                        </div>
                    </view>
                    <view class="item">
                         <view>联系电话</view>
                         <input type="text" placeholder="请填写联系电话" style="border-bottom: 0;" name="" id="">
                    </view>
                </view>
                
                <!-- 提交按钮 -->
                <button>提交</button>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            };
        }
    }
</script>

<style lang="less">
    @import url(@/static/member/resident.less);
</style>